<template>
  <div>
    <!-- $nextTick -->
    <NextTick></NextTick>

    <!-- slot插槽 -->
    <!-- <SlotDemo :url='website.url'>
      {{ website.url }}
    </SlotDemo> -->

    <!-- 作用域插槽 -->
    <!-- <ScopedSlotDemo :url='website.url'>
      <template v-slot='slotProps'>
        {{ slotProps.slotData.title }}
      </template>
    </ScopedSlotDemo> -->
  </div>
</template>

<script>
import NextTick from './NextTick.vue'
// import SlotDemo from './SlotDemo.vue'
// import ScopedSlotDemo from './ScopedSlotDemo.vue'
export default {
  components: {
    NextTick
    // SlotDemo
    // ScopedSlotDemo
  },
  data() {
    return {
      website: {
        url: 'http://imooc.com',
        title: 'imooc',
        subTitle: '程序员的梦工厂'
      }
    }
  }

}
</script>

<style>

</style>
